Component({
  externalClasses: ['cls', 'img-cls', 'title-cls', 'subtitle-cls'],
  properties: {
    content: {
      type: Object,
      value: {}
    },
    imgWidth: {
      type: Number,
      value: 710
    },
    imgHeight: {
      type: Number,
      value: 380
    },
    showSubtitle: {
      type: Boolean,
      value: false
    },
    subtitleLabel: {
      type: String
    },
    headImgKey: {
      type: String
    },
    headImgArrKey: {
      type: String,
      value: 'head_img'
    },
    titleKey: {
      type: String,
      value: 'title'
    },
    subtitleKey: {
      type: String,
      value: 'subtitle'
    },
    descKey: {
      type: String,
      value: 'desc'
    }
  },
  methods: {
    wrapperClick() {
      this.triggerEvent('click', {content: this.data.content})
    },
    imgClick() {
      this.triggerEvent('imgClick', {content: this.data.content})
    },
    titleClick() {
      this.triggerEvent('titleClick', {content: this.data.content})
    }
  }
})
